<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        产品列表
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/x-admin.css" media="all">
</head>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>产品管理</cite></a>
              <a><cite>产品列表</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body" id="bannerApp">
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                图片
            </th>
            <th>
                名称
            </th>
            <th>
                顺序
            </th>

            <th>
                供货商
            </th>
            <th>
                特性
            </th>

            <th>
                类型
            </th>
            <th>
                分润方式
            </th>
            <th>
                分润比例
            </th>
            <th>
                利润单价
            </th>
            <th>
                返利方式
            </th>
            <th>
                返利比例
            </th>
            <th>
                返利单价
            </th>
            <th>
                跳转
            </th>
            <th>
                标签
            </th>
            <th>
                过期
            </th>
            <th>
                申请条件
            </th>
            <th>
                数据返回
            </th>
            <th>
                热度
            </th>
            <th>
                精品
            </th>
            <th>
                状态
            </th>

            <th>
                操作
            </th>

        </tr>
        </thead>
        <tbody id="productTable">



        </tbody>
    </table>

    <div id="page"></div>
</div>
<script src="/js/jquery.min.js" charset="utf-8"></script>
<script src="/lib/layui/layui.js" charset="utf-8"></script>
<script src="/js/x-layui.js" charset="utf-8"></script>

<script>

    $(document).ready(function () {
        loadProduct();
    });

    function deleteProduct(productId) {
        layer.confirm('确认要删除吗？',{icon: 3, title:'提示'}, function(){

            $.ajax({
                type : "post",
                dataType : "json",
                url : '/product/delete/'+ productId,
                data : {
                },
                success : function(dataResult) {
                    if (!dataResult.success) {
                        layer.alert(dataResult.message, {icon: 2});
                        return false;
                    }

                    loadProduct();
                    layer.alert('删除成功', {icon: 1});

                },
                error : function(XMLHttpResponse) {
                }
            });

        });


    }

    function updateProduct(status, productId) {
        $.ajax({
            type : "post",
            dataType : "json",
            url : '/product/update.html',
            data : {
                status : status,
                productId : productId
            },
            success : function(dataResult) {
                if (!dataResult.success) {
                    layer.alert(dataResult.message, {icon: 2});
                    return false;
                }

                loadProduct();
                layer.alert('修改成功', {icon: 1});
            },
            error : function(XMLHttpResponse) {
            }
        });
    }

    function loadProduct() {
        $.ajax({
            type : "get",
            dataType : "json",
            url : '/product/list.html?status=-1',
            data : {
            },
            success : function(dataResult) {
                if (!dataResult.success) {
                    alert(dataResult.message);
                    return false;
                }

                let result = dataResult.data;

                var msg = '';
                for (let i=0;i<result.length;i++) {
                    let product = result[i];
                    msg += '<tr>\n' +
                        '                <td>\n' +
                        '                    <img src="' + product.productLogo + '" width="60px" height="40px">\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.productName + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.productRank + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.companyName + '\n' +
                        '                </td>\n' +

                        '                <td>\n' +
                        '                    ' + product.productFeature + '\n' +
                        '                </td>\n' +

                        '                <td>\n' +
                        '                    ' + product.productTypeDesc + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.cooperTypeDesc + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.cooperRatio + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.cpaPrice + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.rebateTypeDesc + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.rebateRatio + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.rebatePrice + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.productUrl + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.productLable1 + ' ' + product.productLable2 + ', ' + product.productLable3 + ', ' + product.productLable4 + ', ' + product.productLable5 + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.productDeadline + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.applyConditions + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.responseTypeDesc + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.hotProductDesc + '\n' +
                        '                </td>\n' +
                        '                <td>\n' +
                        '                    ' + product.selectedProductDesc + '\n' +
                        '                </td>\n';

                    if (1 == product.productStatus) {
                        msg += '                        <td class="td-status">\n' +
                            '                            <span class="layui-btn layui-btn-normal layui-btn-mini">\n' +
                            '                            '+product.productStatusDesc+'\n' +
                            '                            </span>\n' +
                            '                        </td>\n' +
                            '                        <td class="td-manage">\n' +
                            '                            <a style="text-decoration:none" onclick="updateProduct(\'2\',\''+product.productId+'\')" href="javascript:;" title="下架">\n' +
                            '                            <i class="layui-icon">&#xe601;</i>\n' +
                            '                        </a>\n' +
                            '                        <a title="删除" href="javascript:;" onclick="deleteProduct(\''+product.productId+'\')"\n' +
                            '                        style="text-decoration:none">\n' +
                            '                            <i class="layui-icon">&#xe640;</i>\n' +
                            '                        </a>\n' +
                            '                        </td>\n' +
                            '                        </tr>';
                    } else {
                        msg += '                        <td class="td-status">\n' +
                            '                            <span class="layui-btn layui-btn-warm layui-btn-mini">\n' +
                            '                            '+product.productStatusDesc+'\n' +
                            '                            </span>\n' +
                            '                        </td>\n' +
                            '                        <td class="td-manage">\n' +
                            '                            <a style="text-decoration:none" onclick="updateProduct(\'1\',\''+product.productId+'\')" href="javascript:;" title="上架">\n' +
                            '                            <i class="layui-icon">&#xe601;</i>\n' +
                            '                        </a>\n' +
                            '                        <a title="删除" href="javascript:;" onclick="deleteProduct(\''+product.productId+'\')"\n' +
                            '                        style="text-decoration:none">\n' +
                            '                            <i class="layui-icon">&#xe640;</i>\n' +
                            '                        </a>\n' +
                            '                        </td>\n' +
                            '                        </tr>';
                    }

                }

                $('#productTable').html(msg);
            },
            error : function(XMLHttpResponse) {
            }
        });
    }

    layui.use(['laydate','element','laypage','layer'], function(){
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
    });

    //批量删除提交
    function delAll () {
        layer.confirm('确认要删除吗？',function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
        });
    }
    /*用户-添加*/
    function member_add(title,url,w,h){
        x_admin_show(title,url,w,h);
    }
    /*用户-查看*/
    function member_show(title,url,id,w,h){
        x_admin_show(title,url,w,h);
    }

    /*用户-停用*/
    function member_stop(obj,id){
        layer.confirm('确认要停用吗？',function(index){
            //发异步把用户状态进行更改
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!',{icon: 5,time:1000});
        });
    }

    /*用户-启用*/
    function member_start(obj,id){
        layer.confirm('确认要启用吗？',function(index){
            //发异步把用户状态进行更改
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!',{icon: 6,time:1000});
        });
    }
    // 用户-编辑
    function member_edit (title,url,id,w,h) {
        x_admin_show(title,url,w,h);
    }
    /*密码-修改*/
    function member_password(title,url,id,w,h){
        x_admin_show(title,url,w,h);
    }
    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }
</script>
</body>
</html>